<template>
  <div>
    <li class="cell clearfix" v-for="(item,index) in result" :key="index">
        <!-- 图 -->
        <div class="brand-img" @click="push(item.inter_type,item.register_number)">
          <img :src="item.trademark_img" @error="$app.defImag" />
        </div>

        <!-- 文 -->
        <div class="marginT20 overflowH textLeft">
          <div class="pullLeft overflowH" style="min-width:200px;max-width:250px;">
            <div
              class="marginB10 f_20 f_bold pointer"
              @click="push(item.inter_type,item.register_number)"
            >{{item.trademark_name}}</div>
            <div>
              当前状态：
              <span class="cBlue f_bold f_16">{{item.state_name}}</span>
            </div>
          </div>
          <div class="overflowH f_14 lineH2 marginT10" style="min-width:790px;max-width:1100px;">
            <Row :gutter="15">
              <Col :span="6">
                <span class="c999">商品类别：</span>
                {{item.inter_type}}类 {{item.inter_type_name}}
              </Col>
              <Col :span="5">
                <span class="c999">申请号：</span>
                {{item.register_number}}
              </Col>
              <Col :span="5">
                <span class="c999">申请日期：</span>
                {{item.apply_date}}
              </Col>
              <Col :span="8">
                <span class="c999">申请人：</span>
                {{item.register_people?item.register_people.register_people_chinese_name:''}}
              </Col>
            </Row>
            <Row :gutter="15">
              <Col :span="6">
                <span class="c999">初审公告日期：</span>
                {{item.first_inspe_anno_date}}
              </Col>
              <Col :span="10">
                <span class="c999">注册公告日期：</span>
                {{item.register_inspe_anno_date}}
              </Col>
            </Row>
          </div>
        </div>
      </li>
  </div>
</template>

<script>

export default {
  name: "comList",
  props:['result'],
  components: {},
  data() {
    return {};
  },
  // 挂载
  mounted() {

  },
  // 绑定方法
  methods: {
    // 跳转详情
    push(p1, p2) {
      // 页面跳转
      this.$router.push({
        name: "TrademarkInfo",
        query: {
          p1,
          p2
        }
      });
    }
  },
  //计算数学
  computed: {
  },
  // 监视
  watch: {
  }
};
</script>
